<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案例页面</title>
    <link rel="stylesheet" href="./case.css">
</head>

<body>
    <!-- 试试 -->
    啊
    <!-- api头部 -->
    <header class="head df jcc jcsb">
        <h1>
            <a href="#">
                <img src="../../assets/imgs/new-logo-white.png" alt="图片加载失败">
            </a>
        </h1>

        <nav>
            <a href="../home/home.html">首页</a>
            <a href="../api/api.html">API</a>
            <a class="active" href="#">案例</a>
        </nav>


        <div class="nav-btn df  ">
            <a class="nav-login" href="#">登录</a>
            <a class="nav-zc" href="../pour/pour.html">注册有礼</a>
        </div>


    </header>

    <!-- banner部分 -->
    <section class="banner-move">
        <div class="move-box df">
            <div id="mydiv"></div>
        </div>

        <div class="banner-text">

            <h2> 助力行业巨头、独角兽企业 </h2>
            <p> 已服务10万+企业客户 </p>
            <p> - 精选案例 - </p>

        </div>

    </section>

    <div class=" back-color">
        <!-- 金融案例 -->
        <section class="returnnow container">
            <p class="case-p">金融案例 <span class="case-sp">/Financial Case</span> <span class="jh"></span></p>
            <ul class="df caseul financial">

            </ul>
        </section>

        <!-- 企业案例 -->
        <section class="returnnow container">
            <p class="case-p">企业案例<span class="case-sp">/business Case</span> <span class="jh"></span></p>
            <ul class="df caseul business">

            </ul>
        </section>

        <!-- 政务案例 -->
        <section class="returnnow container">
            <p class="case-p">政务案例 <span class="case-sp">/Government Case</span> <span class="jh"></span></p>
            <ul class="df caseul government">

            </ul>
        </section>

        <!-- 更多伙伴 -->

        <section class="returnnow container">
            <p class="case-p">更多伙伴 <span class="case-sp"> /More Partners </span> <span class="jh"></span></p>
            <ul class="df caseul more">
                <li><img src="../../assets/imgs/more-partners-item01.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item02.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item03.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item04.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item05.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item06.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item07.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item08.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item09.svg" alt=""></li>
            </ul>
        </section>

        <div class="nav-box">
            <p class="show">金融案例</p>
            <p>企业案例</p>
            <p>政务案例</p>
            <p>更多伙伴</p>
        </div>

    </div>


    <!-- 尾部 -->
    <footer>
        <div class="foot-div container df">
            <div class="foot-left df">
                <ul class="df">
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                </ul>

            </div>

            <div>
                <div class="right df">
                    <h3>微信公众号</h3>
                    <p>源码时代</p>
                    <img src="../../assets/imgs/wechat-white.png">
                </div>
            </div>

            <div class="foot-p df">
                <a href="#"><img src="../../assets/imgs/bei2.png"></a>
                &emsp;
                <a href="#"><img src="../../assets/imgs/bei1.png"></a>
                &emsp;
                <p class="left-p">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
            </div>

            <div class="foot-pp">
                <p>源码大数据股份有限公司©版权所有</p>
            </div>
        </div>


    </footer>



    <script src="../../assets/libs/canvas-particle.js"></script>
    <script src="./case.js"></script>
</body>

</html>